@import "./variable.scss";

@mixin fwrap { display: flex; flex-wrap: wrap; }
/** 垂直居中 */
@mixin fvertical {display: flex; align-items: center; }
// 水平居中
@mixin fcenter { display: flex; justify-content: center; }
// 右对齐
@mixin fright { display: flex; flex-direction: row; justify-content: flex-end; }
// 水平+垂直居中
@mixin fcc { display: flex; align-items: center; justify-content: center; }

// 溢出...显示
@mixin ellipsis($number) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: $number;
  overflow: hidden;
}

@mixin button {
  font-size: 30rpx;
  min-width: 160rpx;
  padding: 0 20rpx;
  border-radius: 2px;
  height: 80rpx;
  background-color: #eee; 
  color: $dark;
  line-height: 1;
  @include fcc();
  &:active{
    opacity: 0.85;
  }
}


@mixin loadingBox($top) {
  position: fixed;
  top: $top;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}